<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Hello World</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
      <!--        
        #dockContainer{
          display    : table;
          margin     : 0 auto;
          text-align : center;    /* fixes IE bug */
        }
     
        #dockContainer > div{
          display : inline-block; /* fixes IE bug */
        }
     
        #dockContainer > div{
          display : inline;       /* fixes IE bug */
        }
     
        #dockContainer > div{
          display       : table-cell;
          text-align    : left;
          background    : url('dock-centre-80.png') repeat-x 0 129px;
          border-bottom : 2px solid rgb(220,220,200);
        }
     
        #dockContainer > div > div{
          background : url('dock-right-80.png') no-repeat right 129px;
        }
     
        #dockContainer > div > div > div{
          background : url('dock-left-80.png') no-repeat left 129px;
          height     : 176px;
          overflow   : hidden;
          padding    : 0 20px;
        }
      -->
    </style>
    <script language="JavaScript" src="mootools.js"></script>
    <!--<script language="JavaScript" src="reflect.js"></script>-->
    <script language="JavaScript" src="dock_class.js"></script>
    <script language="JavaScript">
      <!--
        window.addEvent('domready', function() {
          var md = new MacDock({'container': $('dock')});
          md.add({'icon': "icon.png"});
          md.add({'icon': "icon.png"});
          md.add({'icon': "icon.png"});
          md.add({'icon': "icon.png"});
          md.add({'icon': "icon.png"});
          md.add({'icon': "icon.png"});
          md.add({'icon': "icon.png"});
        });
      -->
    </script>
  </head>
  <body>
    <div id="dockContainer"><div><div><div id="dock"></div></div></div></div>
  </body>
</html>